<ul class="pagination pagination-sm no-margin pull-right">
    <li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
   $(function(){
	   //在pageId对应的对象上注册click事件,当点击pageId内部的子元素(.first,.pre等)时执行其事件处理函数
	   $("#pageId").on("click",".first,.pre,.next,.last",doJumpToPage);
   })
   //基于页面上的分页点击事件执行事件处理
   function doJumpToPage(){
	   debugger
	   //1.获取被点击的对象中的class属性值
	   //$(this) 代表被点击的对象
	   //prop(attributeName[,attributeValue])函数为jquery中的一个操作属性的函数(获取属性值或为属性赋值)
	   var cls=$(this).prop("class");
	   //2.基于class属性值修改当前页码值
	   //2.1获取当前页码值和总页数
	   var pageCurrent=$("#pageId").data("pageCurrent");//获取#pageId对象使用data函数绑定的pageCurrent的值
	   var pageCount=$("#pageId").data("pageCount");
	   //2.2修改当前页码值
	   if(cls=="first"){
		   pageCurrent=1;
	   }else if(cls=="pre"&&pageCurrent>1){
		   pageCurrent--;
	   }else if(cls=="next"&&pageCurrent<pageCount){
		   pageCurrent++;
	   }else if(cls=="last"){
		   pageCurrent=pageCount;
	   }else{
		   return;
	   }
	   //2.3保存当前页码值
	   $("#pageId").data("pageCurrent",pageCurrent);
	   //3.基于新的页码值执行新的查询
	   doGetObjects();
   }
   //通过这个函数初始化页面上的分页信息
   function doSetPagination(pageObject){
	   //1.初始化总记录数
	   $(".rowCount").html(`总记录数(${pageObject.rowCount})`);
	   //2.初始化总页数
	   $(".pageCount").html(`总页数(${pageObject.pageCount})`);
	   //3.初始化当前页码值
	   $(".pageCurrent").html(`当前页(${pageObject.pageCurrent})`);

	   //存储当前页码值以及总页数
	   //data(key[,value])函数为jquery中的一个数据存储函数,可以通过此函数在某个dom对象上存或取数据
	   //将pageObject.pageCurrent的值以key/value结构存储到#pageId对应的位置.
	   $("#pageId").data("pageCurrent",pageObject.pageCurrent);
	   $("#pageId").data("pageCount",pageObject.pageCount);
   }
</script>








